<script setup lang="ts">
/**
 * @property checked - Checkbox 是否被选中。
 */
const props = defineProps<{
  checked?: boolean
}>()
</script>

<template>
  <view
    class="h-30rpx w-30rpx flex items-center justify-center border-2rpx rounded-full border-solid"
    :class="[props.checked ? 'border-#4999F7 bg-#4999F7' : 'border-#919191']"
  >
    <image v-if="props.checked" class="h-22rpx w-22rpx" src="@/static/images/check.png" />
  </view>
</template>
